<template>
    <div class="page no-toolbar no-navbar no-swipeback">
        <div class="page-content register-screen-content">
            <div class="login-screen-title">店铺注册</div>
            <form class="list" id="my-form">
                <ul>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Name</div>
                                <div class="item-input-wrap">
                                    <input type="text" name="name" placeholder="Your name">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">E-mail</div>
                                <div class="item-input-wrap">
                                    <input type="email" name="email" placeholder="E-mail">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">Gender</div>
                                <div class="item-input-wrap">
                                    <select name="gender">
                                        <option value="male" selected>Male</option>
                                        <option value="female">Female</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content">
                            <div class="item-inner">
                                <div class="item-title">Toggle</div>
                                <div class="item-after">
                                    <label class="toggle toggle-init">
                                        <input type="checkbox" name="toggle" value="yes"><i class="toggle-icon"></i>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-input">
                            <div class="item-inner">
                                <div class="item-title item-label">验证码</div>
                                <div class="item-input-wrap">
                                    <input type="text" name="validcode" placeholder="验证码">
                                </div>
                                <img src="/mobile/defaultKaptcha"
                                     onclick = "this.src='/mobile/defaultKaptcha?d='+new Date()*1"/>
                            </div>
                        </div>
                    </li>
                    <li>
                        上传营业执照：<input type="file" name="file"/>

                    </li>
                </ul>
            </form>
        </div>
    </div>
</template>
<script>
    return {
        methods: {
            signIn: function () {
                var $ = this.$;
                var app = this.$app;
                var router = this.$router;
                var username = $('input#demo-username-2').val();
                var password = $('input#demo-password-2').val();
                app.dialog.alert('Username: ' + username + '<br>Password: ' + password, function () {
                    app.registerScreen.close();
                    router.back();
                })
            }
        }
    }
</script>